<!-- 通用轮播图组件 -->
<template>
  <div class="swipe-wrap">
    <mt-swipe :auto="4000" :show-indicators="true" >
      <mt-swipe-item v-for="getswipedata in getswipedatas.bannerLists" :key="getswipedata.id">
        <img
          :src="getswipedata.imgurl"/>
      </mt-swipe-item>
    </mt-swipe>
  </div>
</template>
<script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
//例如：import 《组件名称》 from '《组件路径》';

export default {
  //import引入的组件需要注入到对象中才能使用
  components: {},
  data() {
    //这里存放数据
    return {};
  },
  //方法集合
  methods: {
  },
  computed:{
    getswipedatas(){
      return this.$store.state.swipeData
    }
  },
  mounted(){
    this.$store.dispatch("actChangeswipeData")
  }
};
</script>
<style lang="less" >
.swipe-wrap {
  width: 100%;
  height: 20rem;
  margin-left: 1rem;
  margin-right: 1rem;
  width: calc(100% - 2rem);
  position: relative;
  z-index: 99;
  img {
    height: 20rem;
    width: 100%;
    border-radius: 1rem;
  }
}
</style>